﻿<!doctype html>
<html>
<head>
<title>scrollTo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles/common.css" rel="stylesheet" />
</head>
<body>
<div class="prolist clearfix">
	<ul>
		<li>
			<a href="#"><img src="images/ext/1.jpg" alt="" /></a>
			<div class="datails">
				<h6>Sloppy Art - A Mess of Inspiration</h6>
				<p>via the Nonsense Society (image credit: Florian)</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/2.jpg" alt="" /></a>
			<div class="datails">
				<h6>Multi-Display Setup With Four Systems, A Wall of Screens, And 64TB Of Storage</h6>
				<p>vvia Desktopped</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/3.jpg" alt="" /></a>
			<div class="datails">
				<h6>Mounted iMac And Desk Mod With Computer Components Built In</h6>
				<p>via Desktopped</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/4.jpg" alt="" /></a>
			<div class="datails">
				<h6>I Am Not Human - Unique Self Portraits</h6>
				<p>via the Nonsense Society (photo credit: Dan Deroches)</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/5.jpg" alt="" /></a>
			<div class="datails">
				<h6>Sloppy Art - A Mess of Inspiration</h6>
				<p>via the Nonsense Society (image credit: Florian</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/6.jpg" alt="" /></a>
			<div class="datails">
				<h6>One Mighty Roar Office</h6>
				<p>via Officeal</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/1.jpg" alt="" /></a>
			<div class="datails">
				<h6>Sloppy Art - A Mess of Inspiration</h6>
				<p>via the Nonsense Society (image credit: Florian)</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/2.jpg" alt="" /></a>
			<div class="datails">
				<h6>Multi-Display Setup With Four Systems, A Wall of Screens, And 64TB Of Storage</h6>
				<p>vvia Desktopped</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/3.jpg" alt="" /></a>
			<div class="datails">
				<h6>Mounted iMac And Desk Mod With Computer Components Built In</h6>
				<p>via Desktopped</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/4.jpg" alt="" /></a>
			<div class="datails">
				<h6>I Am Not Human - Unique Self Portraits</h6>
				<p>via the Nonsense Society (photo credit: Dan Deroches)</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/5.jpg" alt="" /></a>
			<div class="datails">
				<h6>Sloppy Art - A Mess of Inspiration</h6>
				<p>via the Nonsense Society (image credit: Florian</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/6.jpg" alt="" /></a>
			<div class="datails">
				<h6>One Mighty Roar Office</h6>
				<p>via Officeal</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/1.jpg" alt="" /></a>
			<div class="datails">
				<h6>Sloppy Art - A Mess of Inspiration</h6>
				<p>via the Nonsense Society (image credit: Florian)</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/2.jpg" alt="" /></a>
			<div class="datails">
				<h6>Multi-Display Setup With Four Systems, A Wall of Screens, And 64TB Of Storage</h6>
				<p>vvia Desktopped</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/3.jpg" alt="" /></a>
			<div class="datails">
				<h6>Mounted iMac And Desk Mod With Computer Components Built In</h6>
				<p>via Desktopped</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/4.jpg" alt="" /></a>
			<div class="datails">
				<h6>I Am Not Human - Unique Self Portraits</h6>
				<p>via the Nonsense Society (photo credit: Dan Deroches)</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/5.jpg" alt="" /></a>
			<div class="datails">
				<h6>Sloppy Art - A Mess of Inspiration</h6>
				<p>via the Nonsense Society (image credit: Florian</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/6.jpg" alt="" /></a>
			<div class="datails">
				<h6>One Mighty Roar Office</h6>
				<p>via Officeal</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/1.jpg" alt="" /></a>
			<div class="datails">
				<h6>Sloppy Art - A Mess of Inspiration</h6>
				<p>via the Nonsense Society (image credit: Florian)</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/2.jpg" alt="" /></a>
			<div class="datails">
				<h6>Multi-Display Setup With Four Systems, A Wall of Screens, And 64TB Of Storage</h6>
				<p>vvia Desktopped</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/3.jpg" alt="" /></a>
			<div class="datails">
				<h6>Mounted iMac And Desk Mod With Computer Components Built In</h6>
				<p>via Desktopped</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/4.jpg" alt="" /></a>
			<div class="datails">
				<h6>I Am Not Human - Unique Self Portraits</h6>
				<p>via the Nonsense Society (photo credit: Dan Deroches)</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/5.jpg" alt="" /></a>
			<div class="datails">
				<h6>Sloppy Art - A Mess of Inspiration</h6>
				<p>via the Nonsense Society (image credit: Florian</p>
			</div>
		</li>
		<li>
			<a href="#"><img src="images/ext/6.jpg" alt="" /></a>
			<div class="datails">
				<h6>One Mighty Roar Office</h6>
				<p>via Officeal</p>
			</div>
		</li>
	</ul>
	
</div><!--/prolist-->

<div style="height:20px; padding-right:60px; background:#EEE; text-align:right;">
	<a id="top0" href="javascript:void(0)">TOP0</a>
	<a id="top10" href="javascript:void(0)">TOP10</a>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="scripts/jquery.scrollTo-1.4.2.js"></script>
<script>
$(function(){
	$('#top0').bind('click',function(){
		$(window).scrollTo(0, 400 );
	
	});
	$('#top10').bind('click',function(){
		$(window).scrollTo('li:eq(10)', 400 );
	
	});
})
</script>
</body>
</html>